Multimedia
Les JavaScript

JavaScript

Doelstelling

Na deze les kan je in JavaScript:

1. variabelen declareren;
2. werken met controlestructuren;
3. functies declareren;
4. de DOM manipuleren
5. events afhandelen

Leerplan

1. JavaScript - De basis
2. Filmpje Werken met JavaScript in de console
3. Document Object Model
4. Events
5. Waar plaats je JavaScript code in je HTML bestand?
6. De tijd controleren met JavaScript

Oefening

1. Een lichtkrant maken
   1. De oefening vind je op Cloud9 in de map les-13. De html staat in het bestand met de naam marquee.html en de JavaScript staat in de submap js in het bestand met de naam marquee.js.
   2. Filmpje Een lichtkrant maken in JavaScript

2. Yaphi Berhanu, Make a Simple JavaScript Slideshow without jQuery, May 26, 2016 (optioneel)

Opdracht

Een autootje laten rijden

1. Bestudeer het voorbeeld een 'autootje laten rijden'. De code vind je op Cloud9 in de map les-13. De html staat in het bestand met de naam autootje.html en de JavaScript staat in de submap js in het bestand met de naam autootje.js.
2. Voeg aan je Website het volgende toe:
   1. Schrijf een scenario voor een animatie en plaats het in je Word dossier.
   2. Programmeer het scenario door o.a. gebruik te maken van een timer en/of events.
   3. Indien je geen inspiratie hebt om zelf een scenario te bedenken kan je een bestaande JavaScript animatiescript, die je op het internet gevonden hebt, in je website gebruiken. In je dossier leg je dan uit hoe die script in elkaar steekt.